<template>
    <div class="box">
            <div class="max">
                    <div class="inside">
                        <div class="top">
                            <img class="img1" src="/static/imgs_s06/s06_close.jpg" alt="">
                            <span class="ps">使用密码</span>
                        </div>
                        <div class="money">
                            <p class="frim">汇方圆科技有限公司</p>
                            <p class="much">
                                <span class="fh">￥</span>
                                <span class="sl">{{much}}</span>
                            </p>
                        </div>
                        <div class="pay">
                            <sapn class="fs">支付方式</sapn>
                            <span class="wx">微信支付></span>
                        </div>
                        <button @click="pay(much)">确认支付</button>
                    </div>
                </div>
    </div>
</template>
<script>
export default {
  data() {
    return {
        much:''
    };
  },

  components: {},

  methods: {
      pay:function(much){
          wx.request({
            url: 'http://localhost:7777/paym/payBymemberId?memberId=1&type=0&much=+'+much,
            data: 'data', 
            method: 'GET',
            success: res => {
                wx.navigateTo({ url: '/pages/s06_success/main?much='+much });
            },
            fail: () => {},
            complete: () => {}
          });
      }
  },
 onLoad:function(options){
     this.much = options.much;
 },
  created() {
    // let app = getApp()
  }
};
</script>
    <style>
        html,body {
            height: 100%;
        }
        .box {
            width: 100%;
            height: 100%;
            background: #ddd;
        }
        .max {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 289px;
            height: 280px;
            border-radius: 9px;
            background: white;
            transform: translate(-50%, -50%);
            overflow: hidden;
        }

        .inside {
            display: flex;
            flex-direction: column;
            width: 274px;
            height: 253px;
            margin: 13px 7px 15px 8px;
        }

        .top {
            width: 268px;
            height: 20px;
            margin: 5px 4px 5px 4px;
        }

        .img1 {
            width: 16px;
            height: 16px;
        }

        .ps {
            font-size: 18px;
            color: #576B95;
            margin-left: 170px;
        }

        .money {
            width: 274px;
            height: 110px;
            border-bottom: 1px solid #ddd;
            text-align: center;
        }

        .frim {
            margin-top: 23px;
            margin-bottom: 27px;
            font-size: 15px;
            font-family: "PingFang SC";
            font-weight: 500;
            color: rgba(0, 0, 0, 1);
            line-height: 11px;
        }

        .fh {
            font-size: 25px;
        }

        .sl {
            font-size: 30px;
            font-family: "DIN";
            font-weight: bold;
            color: rgba(0, 0, 0, 1);
            line-height: 26px;
        }

        .pay {
            margin: 20px 4px 30px 4px;
        }

        .fs {
            font-size: 14px;
            color: #888;
            margin-right: 128px;
        }

        .wx {
            font-size: 16px;
            color: black;
        }

        button {
            width: 150px;
            height: 50px;
            border-radius: 9px;
            background: #0CC160;
            margin-left: 60px;
            font-size: 18px;
            color: white;
        }
    </style>